<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<title>表单日历选择器</title>
	<link href="../../theme/style.css" rel="stylesheet" type="text/css" />
	<script src="../../theme/browser.js" type="text/javascript"></script>
</head>
<body>
	<script type="text/javascript" src="js/header.js"></script>
	<h1>表单日历选择器</h1>
	<div class="intro">
		表单元素日历选择器<br />
		类型：date, dateline, datetime-local
		<div class="br"></div>
		<code title="查看结构" style="display:none">/*!
* #1 初始化前
* @note 如果您未禁用UI初始化, 应该为这样的写法
*       文档载入完成后, 自动转为#2结构
*/
<input type="date" name="date" value="2014-01-14" placeholder="请选择日历" />

/*!
* #2 初始化后
* @note 如果您禁用了UI, 应该按如下结构编写
*/
<div class="wsc-form a inline hover">
	<div class="wsc-form-wrap inline">
		<label for="wscore-form-init-0" class="wsc-form-datepicker inline"></label>
		<label for="wscore-form-init-0" class="wsc-ui-static wsc-form-placeholder">请选日期</label>
		<input theme="a" type="text" name="date" value="2014-01-14" inited="true" id="wscore-form-init-0" size="13" autocomplete="off" class="wsc-form-elem-text">
	</div>
</div></code>
	</div>
	<script type="text/javascript" src="js/itabs.js"></script>	

	<h2>属性</h2>
	<div class="program">
		<form>
		<table>
			<thead>
				<tr>
					<th>&#160;</th>
					<th>属性名</th>
					<th>属性值</th>
					<th>&#160;</th>
					<th>&#160;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>1</td>
					<td>form-no-ui</td>
					<td>false | true</td>
					<td>
						是否禁用UI初始化<br />
						默认：false (即: 启用)<br />
						注意：在禁用(true)时, 您需要编辑完整的HTML结构
					</td>
					<td></td>
				</tr>
				<tr>
					<td>2</td>
					<td>required</td>
					<td></td>
					<td>是否必选</td>
					<td></td>
				</tr>
				<tr>
					<td>3</td>
					<td>filter-min</td>
					<td>string</td>
					<td>
						最小日期<br />
						支持：y、Y、m、M、d、D限定<br />
						范围：整数(负值为向前计算)<br />
						例如：-60y 1M 1D(60年前的1月1日)
						<div class="br"></div>
						-1y: 1年前<br />
						1y: 1年后<br />
						2014Y: 2014年<br />
						-1m: 1月后<br />
						1m: 1月后<br />
						12M: 12月<br />
						-1d: 1天后<br />
						1d: 1天后<br />
						31D: 31号
					</td>
					<td><input type="date" name="mindate" filter-min="-7d" placeholder="7天前开始" /></td>
				</tr>
				<tr>
					<td>4</td>
					<td>filter-max</td>
					<td>string</td>
					<td>
						最大日期<br />
						格式：同上
					</td>
					<td><input type="date" name="mindate" filter-max="7d" placeholder="7天后结束" /></td>
				</tr>
				<tr>
					<td>5</td>
					<td>filter-max-for</td>
					<td>string</td>
					<td>
						不大于某字段日期<br />
						示例：不大于finishdate日期
					</td>
					<td><input type="date" name="beginedate" filter-max-for="finishdate" placeholder="起始日期" /></td>
				</tr>
				<tr>
					<td>6</td>
					<td>filter-min-for</td>
					<td>string</td>
					<td>
						不小于某字段日期<br />
						示例：不小于begindeate日期
					</td>
					<td><input type="date" name="finishdate" filter-min-for="beginedate" placeholder="截至日期" /></td>
				</tr>
			</tbody>
		</table>
		</form>
	</div>

<script type="text/javascript" src="../../theme/footer.js"></script>
</body>
</html>	